<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@include file="./common/head.jsp" %>

<div class="right">
    <div class="location">
        <strong>你现在所在的位置是:</strong>
        <span>订单管理页面</span>
    </div>
    <div class="search">
        <form method="get" action="${pageContext.request.contextPath }/bill/bill.html">
            <%--			<input name="method" value="query" class="input-text" type="hidden">--%>
            <span>商品名称：</span>
            <input name="queryProductName" type="text" value="${queryProductName }">

            <span>供应商：</span>
            <select name="queryProviderId">
                <c:if test="${providerList != null }">
                    <option value="0">--请选择--</option>
                    <c:forEach var="provider" items="${providerList}">
                        <option
                                <c:if test="${provider.id == queryProviderId }">selected="selected"</c:if>
                                value="${provider.id}">${provider.proName}</option>
                    </c:forEach>
                </c:if>
            </select>

            <span>是否付款：</span>
            <select name="isPayment">
                <option value="0">--请选择--</option>
                <option value="1" ${isPayment == 1 ? "selected=\"selected\"":"" }>未付款</option>
                <option value="2" ${isPayment == 2 ? "selected=\"selected\"":"" }>已付款</option>
            </select>

            <input value="查 询" type="submit" id="searchbutton">
            <a href="${pageContext.request.contextPath }/bill/billadd.html">添加订单</a>
        </form>
    </div>
    <!--账单表格 样式和供应商公用-->
    <table class="providerTable" cellpadding="0" cellspacing="0">
        <tr class="firstTr">
            <th width="10%">订单编码</th>
            <th width="20%">商品名称</th>
            <th width="10%">供应商</th>
            <th width="10%">订单金额</th>
            <th width="10%">是否付款</th>
            <th width="10%">创建时间</th>
            <th width="30%">操作</th>
        </tr>
        <c:forEach var="bill" items="${pageBean.pageList }" varStatus="status">
            <tr>
                <td>
                    <span>${bill.billCode }</span>
                </td>
                <td>
                    <span>${bill.productName }</span>
                </td>
                <td>
                    <span>${bill.providerName}</span>
                </td>
                <td>
                    <span>${bill.totalPrice}</span>
                </td>
                <td>
					<span>
						<c:if test="${bill.isPayment == 1}">未付款</c:if>
						<c:if test="${bill.isPayment == 2}">已付款</c:if>
					</span>
                </td>
                <td>
					<span>
					<fmt:formatDate value="${bill.creationDate}" pattern="yyyy-MM-dd"/>
					</span>
                </td>
                <td>
                    <span><a class="viewBill" href="javascript:;" billid=${bill.id } billcc=${bill.billCode }><img
                            src="${pageContext.request.contextPath }/statics/images/read.png" alt="查看" title="查看"/></a></span>
                    <span><a class="modifyBill" href="javascript:;" billid=${bill.id } billcc=${bill.billCode }><img
                            src="${pageContext.request.contextPath }/statics/images/xiugai.png" alt="修改"
                            title="修改"/></a></span>
                    <span><a class="deleteBill" href="javascript:;" billid=${bill.id } billcc=${bill.billCode }><img
                            src="${pageContext.request.contextPath }/statics/images/schu.png" alt="删除" title="删除"/></a></span>
                </td>
            </tr>
        </c:forEach>
    </table>
    <div class="page-bar">
        <input type="hidden" name="pageNo" value="${pageBean.pageNo}"/>
        共${pageBean.totalCount }条记录&nbsp;&nbsp; ${pageBean.pageNo }/${pageBean.totalPages }页
        <c:if test="${pageBean.pageNo>1}">
            <a href="${pageContext.request.contextPath }/bill/bill.html?pageNo=1">首页</a>
            <a href="${pageContext.request.contextPath }/bill/bill.html?queryProductName=${queryProductName}&queryProviderId=${queryProviderId}&isPayment=${isPayment}&pageNo=${pageBean.pageNo-1}">上一页</a>
        </c:if>
        <c:if test="${pageBean.pageNo<pageBean.totalPages}">
            <a href="${pageContext.request.contextPath }/bill/bill.html?queryProductName=${queryProductName}&queryProviderId=${queryProviderId}&isPayment=${isPayment}&pageNo=${pageBean.pageNo+1}">下一页</a>
            <a href="${pageContext.request.contextPath }/bill/bill.html?queryProductName=${queryProductName}&queryProviderId=${queryProviderId}&isPayment=${isPayment}&pageNo=${pageBean.totalPages }">最后一页</a>
        </c:if>
        <form>
		<span style=" position: absolute;  display: inline-block;right: 50px;top: 0px;">
			<label for="pages-do">跳转至</label>
			<input type="text" name="pagess-do" id="pages-do" style="width: 35px"/>页
			<input type="button" onclick="go()" value="GO"/>
		</span>
        </form>
        <script type="text/javascript">
            function go() {
                var pages = document.getElementById("pages-do").value;
                location.href = "${pageContext.request.contextPath }/bill/bill.html?queryProductName=${queryProductName}&queryProviderId=${queryProviderId}&isPayment=${isPayment}&pageNo=" + pages;
            }
        </script>
    </div>

    <div class="providerView" style="display: none;">
        <div>
            <label for="billCode">订单编号：</label>
            <input type="text" id="billCode" readonly>
        </div>
        <div>
            <label for="productName">商品名称：</label>
            <input type="text" name="productName" id="productName" readonly>
        </div>
        <div>
            <label for="productUnit">商品单位：</label>
            <input type="text" id="productUnit" name="productUnit"
                   readonly="readonly">
        </div>

        <div>
            <label for="productCount">商品数量：</label>
            <input type="text" name="productCount" id="productCount" readonly>
        </div>
        <div>
            <label for="totalPrice">总金额：</label>
            <input type="text" name="totalPrice" id="totalPrice" readonly>
        </div>
        <div>
            <label for="providerId">供应商：</label>
            <select name="providerId" id="providerId">
            </select>
        </div>
        <div>
            <label>是否付款：</label>
            <select name="isPayment" id="isPayment">
            </select>
        </div>
    </div>
</div>
</section>

<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeBi">
    <div class="removerChid">
        <h2>提示</h2>
        <div class="removeMain">
            <p>你确定要删除该订单吗？</p>
            <a href="#" id="yes">确定</a>
            <a href="#" id="no">取消</a>
        </div>
    </div>
</div>

<%@include file="./common/foot.jsp" %>
<script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/billlist.js"></script>